<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">

  <style>
    .guoqi {
      width: 288px;
      height: 192px;
      background: #FF0000;
      position: relative;
      color: #FFFF00;
      margin: 20px auto;
    }

    .guoqi span {
      display: block;
      position: absolute;
    }

    .d1 {
      font-size: 4.5em;
      top: 20px;
      left: 20px;
    }

    .d2 {
      top: 10px;
      left: 100px;
    }

    .d3 {
      top: 35px;
      left: 120px;
    }

    .d4 {
      top: 70px;
      left: 120px;
    }

    .d5 {
      top: 95px;
      left: 100px;
    }
  </style>
  <title>Document</title>
</head>

<body>
  <div class="guoqi">
    <span class="d1">★</span>
    <span class="d2">★</span>
    <span class="d3">★</span>
    <span class="d4">★</span>
    <span class="d5">★</span>
  </div>
</body>

</html>